<template>
	<view class="content">
		<!--  手机顶部高度 -->
		<view :style="{height: systemBarHeight + 'px'}">
		</view>
		<view class="navbar">
			<uni-nav-bar @clickLeft="fh" :border="false" left-icon="left" title="商品详情" />
		</view>

		<!-- banner -->
		<view class="banner">
			<swiper style="height: 100%;" :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
				<swiper-item>
					<view class="swiper-item">
						<image src="/static/logo.png" mode=""></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="/static/logo.png" mode=""></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
		<view class="product_tit">
			<text>CyberDog 仿生四足机器人</text>
			<image src="/static/index/shoucang3.png" mode="" v-if="love==false" @click="lovechange()"></image>
			<image src="/static/index/shoucang1.png" mode="" v-if="love==true" @click="lovechange()"></image>
		</view>

		<view class="product_type">
			<view class="product_typeitem">
				<text class="protype1">步幅速度</text>
				<text class="protype2">400km</text>
			</view>
			<view class="typexian"></view>
			<view class="product_typeitem">
				<text class="protype1">双手负载</text>
				<text class="protype2">64kg</text>
			</view>
			<view class="typexian"></view>
			<view class="product_typeitem">
				<text class="protype1">步幅速度</text>
				<text class="protype2">400km</text>
			</view>
			<view class="typexian"></view>
			<view class="product_typeitem">
				<text class="protype1">体重</text>
				<text class="protype2">400kg</text>
			</view>
		</view>

		<view class="product_bower">
			<view class="product_bower_lf">
				<text>点击量 188.3万</text>
				<text style="margin-left: 30rpx;">销量 99万</text>
			</view>
			<view class="product_bower_rg">
				<view class="product_bower_rg1">
					<text>99.59</text><text style="font-size: 23rpx;">万</text>
				</view>
				<view class="product_bower_rg2">
					<text>预告价格</text>
				</view>
			</view>
		</view>

		<view class="tot">

		</view>


		<view class="product">
			<view class="tabs">
				<v-tabs v-model="current" color="#7D8CA4" active-color="#152034" line-color="#386AF6" lineHeight="8rpx"
					:line-scale="0.2" :scroll="false" :tabs="tabs" @change="changeTab"></v-tabs>
			</view>
			<!-- 参数-->
			<view class="param" v-if="current==0">
				<view class="param_tit">
					<image src="/static/index/jiqi1.png" mode=""></image>
					<text>人形机器人参数配置</text>
				</view>
				<view class="param_list">
					<view class="param_item" v-for="(item,index) in paramtype" :key="index">
						<text class="param_item_lf"> {{item.tit}}</text>
						<text class="param_item_rg">{{item.cs}}</text>
					</view>
				</view>
				<view class="tott">
				</view>
				<view class="param_tit">
					<image src="/static/index/jiqi1.png" mode=""></image>
					<text>控制核心</text>
				</view>
				<view class="param_list">
					<view class="param_item" v-for="(item,index) in paramtype" :key="index">
						<text class="param_item_lf"> {{item.tit}}</text>
						<text class="param_item_rg">{{item.cs}}</text>
					</view>
				</view>
				<view class="tott">
				</view>
				<view class="param_tit">
					<image src="/static/index/jiqi1.png" mode=""></image>
					<text>电池组</text>
				</view>
				<view class="param_list">
					<view class="param_item" v-for="(item,index) in paramtype" :key="index">
						<text class="param_item_lf"> {{item.tit}}</text>
						<text class="param_item_rg">{{item.cs}}</text>
					</view>
				</view>

				<view class="tott">
				</view>
				<view class="param_tit">
					<image src="/static/index/jiqi1.png" mode=""></image>
					<text>灵巧手</text>
				</view>
				<view class="param_list">
					<view class="param_item" v-for="(item,index) in paramtype" :key="index">
						<text class="param_item_lf"> {{item.tit}}</text>
						<text class="param_item_rg">{{item.cs}}</text>
					</view>
				</view>
			</view>

			<!-- 经销商 -->
			<view class="dealer" v-if="current==1">
				<view class="dealer_item">
					<view class="dealer_item_t">
						<view class="dealer_item_t_lf">
							<view class="dealer_item_t_lf1">
								<image src="/static/logo.png" mode=""></image>
								<text>仿生机器人体验店</text>
							</view>
							<view class="dealer_item_t_lf2">
								<text>门店地址：北京东城区天安门0001号</text>
							</view>
						</view>
						<view class="dealer_item_t_rg">
							<view class="dealer_item_t_rg1">
								<image src="/static/dw.png" mode=""></image>
								<text>距离您</text>
							</view>
							<view class="dealer_item_t_rg2">
								<text>66.66km</text>
							</view>
						</view>
					</view>

					<view class="dealer_item_b">
						<view class="dealer_item_b1">
							<text>咨询报价</text>
						</view>
						<view class="dealer_item_b2">
							<image src="/static/index/phone.png" mode=""></image>
							<text>联系他</text>
						</view>
					</view>
				</view>
			</view>

			<!-- 咨询信息 -->
			<view class="article" v-if="current==2">
				<view class="articlelist">
					<!-- 单文张 -->
					<view class="articlelist_item1">
						<view class="articlelist_item1_tit">
							<text>智能化普及风暴，零跑全新机器人时代2月上市定位3ss级别别别影响力接口连接离开蛔…</text>
						</view>

						<view class="articlelist_item1_browse">
							<text>孙悟空 · 88浏览 · 999评论</text>
						</view>
					</view>
					<!-- 文章加单图 -->
					<view class="articlelist_item2">
						<view class="articlelist_item2_lf">
							<view class="articlelist_item2_lf_tit">
								<text>智能化普及风暴，零跑全新机器人时代2月上市定位…</text>
							</view>
							<view class="articlelist_item2_lf_browse">
								<text>孙悟空 · 88浏览 · 999评论</text>
							</view>
						</view>
						<view class="articlelist_item2_rg">
							<image src="/static/logo.png" mode=""></image>
						</view>
					</view>
					<!-- 文章加多图 -->
					<view class="articlelist_item3">
						<view class="articlelist_item3_tit">
							<text>智能化普及风暴，零跑全新机器人时代2月上市定位3ss级别</text>
						</view>
						<view class="articlelist_item3_imgitem">
							<image src="/static/logo.png" mode=""></image>
							<image src="/static/logo.png" mode=""></image>
							<image src="/static/logo.png" mode=""></image>
						</view>

						<view class="articlelist_item3_browse">
							<text>孙悟空 · 88浏览 · 999评论</text>
						</view>
					</view>
				</view>
			</view>

		</view>

		<!-- 产品对比弹出 -->
		<view class="product_contrast">
			<u-popup :show="cpshow" mode="center" :round="31" @close="cpclose" @open="cpopen">
				<view class="contrast">
					<view class="contrast_top">
						<view class="contrast_top_lf">
							<text>产品对比(1/4)</text>
						</view>
						<view class="contrast_top_rg">
							<view class="contrast_top_rg1">
								<image src="/static/index/shanchu.png" mode=""></image>
								<text>清空</text>
							</view>
							<view class="contrast_top_rg2" @click="cpclose()">
								<image src="/static/index/guanbi.png" mode=""></image>
							</view>
						</view>
					</view>

					<view class="contrastlist">
						<view class="contrast_item">
							<text>Model Y 2025款式 首发</text>
							<uni-icons class="icon" type="clear" size="20"></uni-icons>
						</view>

						<view class="contrast_item2" @click="selectbrand()">
							<image src="/static/index/tianjia.png" mode=""></image>
							<text>添加产品</text>
						</view>
						<view class="contrast_item2">
							<image src="/static/index/tianjia.png" mode=""></image>
							<text>添加产品</text>
						</view>
						<view class="contrast_item2">
							<image src="/static/index/tianjia.png" mode=""></image>
							<text>添加产品</text>
						</view>
						<view class="contrast_item2">
							<image src="/static/index/tianjia.png" mode=""></image>
							<text>添加产品</text>
						</view>
					</view>

					<view class="contrast_bt">
						<text>开始对比（1）</text>
					</view>
				</view>
			</u-popup>
		</view>

		<!-- 询价弹出 -->
		<view class="price">
			<u-popup :show=" xjshow" :round="31" mode="bottom" @close="xjclose" @open="xjopen">
				<view class="price_popup">
					<view class="price_top">
						<text>获取低价</text>
						<image src="/static/index/guanbi.png" mode="" @click="xjclose()"></image>
					</view>
					<view class="price_product">
						<image src="/static/logo.png" mode=""></image>
						<text>CyberDog仿生四足机器人（工程探索版）</text>
					</view>
					<view class="username">
						<text>联系人名称</text>
						<input type="text" value="" placeholder="请输入您的名字" />
					</view>
					<view class="userphone">
						<text>联系电话</text>
						<input type="text" value="" placeholder="请输入您的手机号" />
					</view>

					<view class="userdealer">
						<view class="userdealer1">
							<text>所选经销售</text>
						</view>
						<view class="userdealer2" @click="selectdealer()">
							<text>您已选择3家询价</text>
							<image src="/static/ck.png" mode=""></image>
						</view>
					</view>

					<view class="pricebt" @click="cgopen()">
						<text>免费咨询</text>
					</view>
					<view class="xieyi">
						<image src="/static/xieyi.png" v-if="xieyi==false" mode="" @click="xieyichange()"></image>
						<image src="/static/xieyi2.png" v-if="xieyi==true" mode="" @click="xieyichange()">
						</image>
						<text>已阅读协议《协议链接》</text>
					</view>
				</view>
			</u-popup>
		</view>

		<!-- 询价成功 -->
		<view class="Inquiry">
			<u-popup :show="cgshow" :round="31" mode="bottom" @close="cgclose" @open="cgopen">
				<view class="Inquiry_item">
					<view class="Inquiry_item_top">
						<image src="/static/index/guanbi.png" mode="" @click="cgclose()"></image>
					</view>
					<view class="Inquiry_itemzz">
						<image src="/static/chenggong.png" mode=""></image>
						<text>4S店将致电为您提供服务 请注意接听</text>
					</view>
				</view>
			</u-popup>
		</view>

		<view class="bottom">
			<view class="bot_item">
				<view class="bt1" @click="cpopen()">
					<text>产品对比</text>
				</view>
				<view class="bt2" @click="xjopen()">
					<text>一键询价</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				systemBarHeight: 0,
				love: false,
				current: 1,
				cpshow: false,
				xjshow: false,
				cgshow: false,
				xieyi: false,
				tabs: ['详情参数', '经销商', '资讯信息'],
				paramtype: [{
						tit: '项目',
						cs: '参数'
					},
					{
						tit: '型号',
						cs: '参数'
					},
					{
						tit: '身高',
						cs: '参数'
					},
					{
						tit: '体重',
						cs: '参数'
					},
					{
						tit: '双手额定负重',
						cs: '参数'
					},
					{
						tit: '单手额定负重',
						cs: '参数'
					},

					{
						tit: '最大步行速度',
						cs: '参数'
					},
					{
						tit: '最大步幅',
						cs: '参数'
					},
					{
						tit: '电池容量',
						cs: '参数'
					},
					{
						tit: '最大工作时长',
						cs: '参数'
					},
					{
						tit: '基础应用场景',
						cs: '参数'
					},


				],

			}
		},
		mounted() {
			this.getSysteminfo()
		},
		methods: {
			/* 手机顶部高度 */
			getSysteminfo() {
				uni.getSystemInfo({
					success: res => {
						this.systemBarHeight = res.statusBarHeight;
					}
				});
			},
			/* 返回 */
			fh() {
				uni.navigateBack({
					delta: 1 // 返回的页面层级，1表示返回上一页
				});
			},
			lovechange() {
				this.love = !this.love
			},
			changeTab(index) {
				console.log('当前选中的项：' + index)
			},
			toggle() {
				this.$refs.popup.open(center)
			},
			cpclose() {
				this.cpshow = false
			},
			cpopen() {
				this.cpshow = true
			},
			xjclose() {
				this.xjshow = false
			},
			xjopen() {
				this.xjshow = true
			},
			cgclose() {
				this.cgshow = false
			},
			cgopen() {
				this.cgshow = true
				this.xjshow = false
			},
			xieyichange() {
				this.xieyi = !this.xieyi
			},
			selectbrand(){
				uni.navigateTo({
					url:'/pages/index/select_brand'
				})
			},
			selectdealer(){
				uni.navigateTo({
					url:'/pages/index/select_dealer'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding-bottom: 220rpx;
	}

	.banner {
		margin-top: 17rpx;
		height: 420rpx;

		.swiper-item {
			width: 689rpx;
			height: 420rpx;
			border-radius: 15rpx 15rpx 15rpx 15rpx;
			margin: auto;

			>image {
				width: 689rpx;
				height: 420rpx;
				border-radius: 15rpx 15rpx 15rpx 15rpx;
			}
		}
	}

	.product_tit {
		width: 91%;
		margin: 30rpx auto 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		font-size: 34rpx;
		color: #152034;

		>image {
			width: 45.8rpx;
			height: 45.8rpx;
		}

	}

	.product_type {
		width: 91%;
		height: 135rpx;
		background: #F6F8FC;
		border-radius: 15rpx 15rpx 15rpx 15rpx;
		display: flex;
		align-items: center;
		margin: 30rpx auto 0;

		.product_typeitem {
			width: 25%;
			display: flex;
			flex-direction: column;
			align-items: center;

			.protype1 {

				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 23rpx;
				color: #7D8CA4;
				display: flex;

			}

			.protype2 {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 23rpx;
				color: #45516B;
				margin: auto;
				margin-top: 17rpx;
			}
		}

		.typexian {
			width: 0rpx;
			height: 55rpx;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			border-left: 1rpx solid rgba(171, 206, 255, 0.6);
		}
	}

	.product_bower {
		width: 91%;
		margin: 30rpx auto 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 30rpx;

		.product_bower_lf {

			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 23rpx;
			color: #7D8CA4;
		}

		.product_bower_rg {
			width: 300rpx;
			height: 50rpx;
			display: flex;

			.product_bower_rg1 {
				width: 176rpx;
				height: 50rpx;
				background: #FDF7F2;
				border: 1rpx solid #FF4500;
				border-radius: 25rpx 0rpx 0rpx 25rpx;

				font-family: DIN Alternate, DIN Alternate;
				font-weight: bold;
				font-size: 35rpx;
				color: #FF4500;
				display: flex;
				align-items: center;
				justify-content: center;

			}

			.product_bower_rg2 {
				width: 148rpx;
				height: 50rpx;
				border: 1rpx solid #FF4500;
				background: #FF4500;
				border-radius: 0rpx 25rpx 25rpx 0rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 25rpx;
				color: #FFFFFF;
				display: flex;
				align-items: center;
				justify-content: center;

			}
		}

	}

	.tot {
		width: 750rpx;
		height: 15rpx;
		background: #F4F6F9;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.tott {
		width: 750rpx;
		height: 15rpx;
		background: #F4F6F9;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin-top: 30rpx;
	}

	.tabs {
		width: 70%;
		margin: auto;
		padding-bottom: 20rpx;
	}

	.product {
		padding-bottom: 40rpx;
	}

	.param {
		.param_tit {
			display: flex;
			align-items: center;
			width: 91%;
			margin: 30rpx auto 0;

			>image {
				width: 34.35rpx;
				height: 34.35rpx;
			}

			>text {

				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 31rpx;
				color: #152034;
				margin-left: 15rpx;
			}
		}

		.param_list {

			width: 91%;
			margin: 15rpx auto 0;
			background: #FAFAFA;
			border-radius: 15rpx 15rpx 15rpx 15rpx;
			border: 1rpx solid #E4EBF7;
			padding-top: 30rpx;

			.param_item {
				padding-left: 60rpx;
				padding-right: 60rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 30rpx;

				.param_item_lf {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 23rpx;
					color: #45516B;

				}

				.param_item_rg {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 23rpx;
					color: #7D8CA4;
				}
			}
		}

	}

	.dealer {
		.dealer_item {
			width: 91%;
			height: 227rpx;
			background: #FFFFFF;
			margin: 30rpx auto;
			box-shadow: 4rpx 4rpx 19rpx 0rpx rgba(0, 0, 0, 0.08);
			border-radius: 15rpx 15rpx 15rpx 15rpx;

			.dealer_item_t {
				padding-top: 30rpx;
				width: 91%;
				margin: auto;
				display: flex;
				justify-content: space-between;

				.dealer_item_t_lf {

					.dealer_item_t_lf1 {
						display: flex;
						align-items: center;

						>image {
							width: 46rpx;
							height: 46rpx;
							border-radius: 23rpx;
						}

						>text {
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 31rpx;
							color: #152034;
							margin-left: 15rpx;
						}
					}

					.dealer_item_t_lf2 {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 23rpx;
						color: #7D8CA4;
						margin-top: 19rpx;
					}
				}

				.dealer_item_t_rg {
					.dealer_item_t_rg1 {
						padding-top: 11rpx;
						display: flex;
						align-items: center;

						>image {
							width: 30.53rpx;
							height: 30.53rpx;
						}

						>text {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 23rpx;
							color: #A5AEBD;
						}
					}

					.dealer_item_t_rg2 {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 23rpx;
						color: #A5AEBD;
						margin-top: 7rpx;

					}
				}
			}

			.dealer_item_b {
				display: flex;
				align-items: center;
				width: 91%;
				margin: 15rpx auto 0;
				justify-content: space-between;

				.dealer_item_b1 {
					width: 306rpx;
					height: 57rpx;
					background: #DEF3FF;
					border-radius: 42rpx 42rpx 42rpx 42rpx;
					border: 1rpx solid #79CEFF;
					display: flex;
					justify-content: center;
					align-items: center;
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 23rpx;
					color: #45516B;
				}

				.dealer_item_b2 {
					width: 306rpx;
					height: 58rpx;
					background: #1677FF;
					border-radius: 42rpx 42rpx 42rpx 42rpx;
					display: flex;
					align-items: center;
					justify-content: center;

					>image {
						height: 30.53rpx;
						width: 30.53rpx;
					}

					>text {
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 23rpx;
						color: #FFFFFF;
						margin-left: 7rpx;
					}
				}
			}
		}
	}

	.article {
		.articlelist {
			width: 91%;
			margin: auto;

			.articlelist_item1 {
				padding-bottom: 30rpx;
				margin-bottom: 30rpx;
				border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);

				.articlelist_item1_tit {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 31rpx;
					color: #152034;
					display: -webkit-box;
					/* 设置为WebKit内核的弹性盒子模型 */
					-webkit-box-orient: vertical;
					/* 垂直排列 */
					-webkit-line-clamp: 2;
					/* 限制显示三行 */
					overflow: hidden;
					/* 隐藏超出范围的内容 */
					text-overflow: ellipsis;
				}

				.articlelist_item1_browse {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 23rpx;
					color: #7D8CA4;
					margin-top: 30rpx;
				}
			}

			.articlelist_item2 {
				padding-bottom: 30rpx;
				margin-bottom: 30rpx;
				border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
				display: flex;

				.articlelist_item2_lf {
					.articlelist_item2_lf_tit {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 31rpx;
						color: #152034;
						display: -webkit-box;
						/* 设置为WebKit内核的弹性盒子模型 */
						-webkit-box-orient: vertical;
						/* 垂直排列 */
						-webkit-line-clamp: 2;
						/* 限制显示三行 */
						overflow: hidden;
						/* 隐藏超出范围的内容 */
						text-overflow: ellipsis;
					}

					.articlelist_item2_lf_browse {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 23rpx;
						color: #7D8CA4;
						margin-top: 30rpx;
					}
				}

				.articlelist_item2_rg {
					>image {
						width: 229rpx;
						height: 172rpx;
						border-radius: 0rpx 0rpx 0rpx 0rpx;
					}
				}
			}

			.articlelist_item3 {
				padding-bottom: 30rpx;
				margin-bottom: 30rpx;
				border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);

				.articlelist_item3_tit {

					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 31rpx;
					color: #152034;

				}

				.articlelist_item3_imgitem {
					display: flex;
					justify-content: space-between;
					margin-top: 15rpx;

					>image {
						width: 219rpx;
						height: 168rpx;
						border-radius: 0rpx 0rpx 0rpx 0rpx;
					}
				}

				.articlelist_item3_browse {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 23rpx;
					color: #7D8CA4;
					margin-top: 30rpx;
				}
			}
		}
	}

	.bottom {
		width: 750rpx;
		height: 195rpx;
		background: #FEFEFE;
		box-shadow: 6rpx -10rpx 29rpx 0rpx rgba(0, 0, 0, 0.06);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		position: fixed;
		bottom: 0;

		.bot_item {
			width: 90%;
			margin: auto;
			display: flex;
			justify-content: space-between;
			padding-top: 15rpx;

			.bt1 {
				width: 305rpx;
				height: 95rpx;
				background: #1FADFF;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				display: flex;
				align-items: center;
				justify-content: center;

				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 34rpx;
				color: #FFFFFF;

			}

			.bt2 {
				width: 305rpx;
				height: 95rpx;
				background: #1677FF;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 34rpx;
				color: #FFFFFF;
			}
		}
	}

	.product_contrast {
		border-radius: 31rpx 31rpx 31rpx 31rpx;
	}

	.contrast {
		width: 689rpx;
		height: 840rpx;
		background: #FFFFFF;
		border-radius: 31rpx 31rpx 31rpx 31rpx !important;

		.contrast_top {
			width: 91%;
			padding-top: 41rpx;
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.contrast_top_lf {
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 34rpx;
				color: #152034;
			}

			.contrast_top_rg {
				display: flex;
				align-items: center;
				height: 61.07rpx;

				.contrast_top_rg1 {
					display: flex;
					align-items: center;
					height: 61.07rpx;
					margin-right: 30rpx;

					>image {
						width: 45.8rpx;
						height: 45.8rpx;
						margin-right: 7rpx;
					}

					>text {

						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 34rpx;
						color: #7D8CA4;
					}
				}

				.contrast_top_rg2 {
					>image {
						width: 61.07rpx;
						height: 61.07rpx;
					}
				}
			}
		}

		.contrastlist {
			width: 91%;
			margin: 47rpx auto 0;

			.contrast_item {
				width: 582rpx;
				height: 73rpx;
				background: #FFFFFF;
				display: flex;
				align-items: center;
				border-radius: 15rpx 15rpx 15rpx 15rpx;
				border: 1rpx solid #7D8CA4;
				position: relative;
				margin: 0 auto 15rpx;

				.icon {
					position: absolute;
					top: -10rpx;
					right: -10rpx;
				}

				>text {
					margin-left: 61rpx;
				}
			}

			.contrast_item2 {
				width: 582rpx;
				height: 76rpx;
				background: #FFFFFF;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				border: 1rpx solid #7D8CA4;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto 30rpx;

				>image {
					width: 34.35rpx;
					height: 34.35rpx;
				}

				>text {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 27rpx;
					color: #152034;
				}
			}
		}

		.contrast_bt {
			width: 584rpx;
			height: 95rpx;
			background: #1677FF;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			margin: 62rpx auto 0;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 34rpx;
			color: #FFFFFF;
		}
	}

	.price {
		.price_popup {
			width: 750rpx;
			height: 987rpx;
			background: #FFFFFF;
			border-radius: 31rpx 31rpx 0rpx 0rpx;

			.price_top {
				width: 91%;
				margin: auto;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-top: 36rpx;

				>image {
					width: 61.07rpx;
					height: 61.07rpx;
				}

				>text {
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 34rpx;
					color: #152034;
				}
			}

			.price_product {
				width: 88%;
				margin: 45rpx auto 0;
				display: flex;
				align-items: center;

				>image {
					width: 229rpx;
					height: 172rpx;
					border-radius: 0rpx 0rpx 0rpx 0rpx;
				}

				>text {

					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 31rpx;
					color: #152034;
					margin-left: 30rpx;
				}
			}

			.username {
				display: flex;
				align-items: center;
				width: 88%;
				margin: 61rpx auto 0;
				padding-bottom: 41rpx;
				border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);

				>text {

					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 31rpx;
					color: #7D8CA4;
					width: 30%;
				}

				>input /deep/ .input-placeholder {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 31rpx;
					color: #CCCCCC;
				}
			}

			.userphone {
				display: flex;
				align-items: center;
				width: 88%;
				margin: 30rpx auto 0;
				padding-bottom: 41rpx;
				border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);

				>text {

					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 31rpx;
					color: #7D8CA4;
					width: 30%;
				}

				>input /deep/ .input-placeholder {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 31rpx;
					color: #CCCCCC;
				}
			}

			.userdealer {
				display: flex;
				align-items: center;
				width: 88%;
				margin: 30rpx auto 0;

				.userdealer1 {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 31rpx;
					color: #7D8CA4;
					width: 30%;
				}

				.userdealer2 {
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 70%;

					>text {

						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 31rpx;
						color: #152034;
					}

					image {
						height: 46rpx;
						width: 46rpx;
					}
				}
			}

			.pricebt {
				width: 626rpx;
				height: 95rpx;
				background: #1677FF;
				border-radius: 8rpx 8rpx 8rpx 8rpx;

				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 34rpx;
				color: #FFFFFF;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 76rpx auto 0;
			}

			.xieyi {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 30rpx;
				height: 34.35rpx;

				>image {
					width: 34.35rpx;
					height: 34.35rpx;
				}

				>text {
					height: 34.35rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 27rpx;
					color: #7D8CA4;
					margin-left: 15rpx;
				}
			}
		}
	}

	.Inquiry_item {
		width: 750rpx;
		height: 803rpx;
		background: #FFFFFF;
		border-radius: 31rpx 31rpx 0rpx 0rpx;

		.Inquiry_item_top {
			width: 91%;
			margin: auto;
			padding-top: 30rpx;
			display: flex;
			justify-content: space-between;

			>image {
				width: 61.07rpx;
				height: 61.07rpx;
				margin-left: auto;
			}
		}

		.Inquiry_itemzz {
			display: flex;
			flex-direction: column;
			justify-content: center;

			>image {
				width: 473.28rpx;
				height: 389.31rpx;
				margin: auto;
			}

			>text {

				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 31rpx;
				color: #7D8CA4;
				margin: auto;
				width: 343.51rpx;
				text-align: center;
			}
		}
	}
</style>